<%-- 
    Document   : register
    Created on : 2018-11-6, 8:39:39
    Author     : SakuraSora
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    pageContext.setAttribute("contextPath", request.getContextPath());
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>注册用户</title>
        <script type="text/javascript" src="${contextPath}/js/jquery-3.3.1.js"></script>
        <script type="text/javascript"> 
            $(function() { /* $():jquery的工厂函数,文档加载完成时执行*/
                $('#account').blur(function() { /* $('#account'): id选择器（#）； blur()失去焦点事件;  jquery的别名：$ */
                   $.getJSON("${contextPath}/user/checkAccount.json",{name:$('#account').val()},
                        function(date) { 
                            if (!date) {
                                $('#errorSpan').html('该账号已存在！');
                            } else {
                                $('#errorSpan').html('');
                            }
                        }
                    ); 
                });  
            }); 
        </script>
    </head>
    <body>
        <h1>注册用户</h1>
        <form action="${pageContext.request.contextPath}/user/doRegister.htm" method="post">
            用户名：<input type="text" name="name" id="account"/><span id="errorSpan" style="color: red"></span><br><!--  span:行内标签； name属性的值如果跟实体类中的属性名一样，表单提交的值会自动组装到控制层对应的方法传入的参数(对应的数据类型或实体类对象)中-->
            密码：<input type="password" name="password"/><br>
            <input type="submit" value="注册"/>
        </form>
    </body>
</html>
